<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ include file="index.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<!-- <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="favicon.ico" >
    <link rel="Shortcut Icon" href="favicon.ico" /> -->

<!-- <title>主页</title>
    <meta name="keywords" content="耶回收">
    <meta name="description" content="耶回收"> -->
</head>
<body>

	<!--_表格--开始-->
	<section class="Hui-article-box"> <nav class="breadcrumb">
	<i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>
	商品管理 <span class="c-gray en">&gt;</span> 出售商品管理 <a
		class="btn btn-success radius r"
		style="line-height: 1.6em; margin-top: 3px"
		href="javascript:location.replace('content-1_2?pageNum=1&classify=0&brand=&itemname=')"
		title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a> </nav>

	<div class="Hui-article">
		<article class="cl pd-20">
		<div class="text-c">
			<form action="content-1_2" method="post">
				商品分类：<select name="classify" class="input-text Wdate"
					style="width: 100px;">
					<option value="0" selected="selected">选择</option>
					<c:forEach items="${list }" var="li">
						<option value="${li.cid }"
							<c:if test="${li.cid==sip.classify }">selected="selected"</c:if>>${li.classifyname }</option>

					</c:forEach>
				</select> 品牌：<input type="text" class="input-text" style="width: 150px"
					placeholder="输入商品品牌" value="${sip.brand }"
					onblur="brandyz(this.id)" id="brand" name="brand"> 商品名：<input
					type="text" class="input-text" style="width: 250px"
					placeholder="输入商品名" value="${sip.itemname }"
					onblur="itemnameyz(this.id)" id="itemname" name="itemname">
				<i class="Hui-iconfont">&#xe665;</i><input type="submit"
					class="btn btn-success" value="搜商品" id="submit" name="">
			</form>
		</div>
		<div class="cl pd-5 bg-1 bk-gray mt-20">
			<span class="l">
			<shiro:hasPermission name="commodity">
				<a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
				<a href="item-add"
					class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i>
						添加商品</a>
			</shiro:hasPermission>
					 </span> <span class="r">共有数据：<strong>${pageinfo.total }</strong>
				条
			</span>
		</div>
		<table class="table table-border table-bordered table-bg">
			<thead>
				<tr>
					<th scope="col" colspan="11">商品列表</th>
				</tr>
				<tr class="text-c">
					<th width="100"><input type="checkbox" name="" value=""></th>
					<th width="100">商品名</th>
					<th width="100">商品主图片</th>
					<th width="100">所属分类</th>
					<th width="100">商品品牌</th>
					<th width="100">商品型号</th>
					<th width="80">录入时间</th>
					<th width="80">更新时间</th>
					<th width="100">整机类型</th>
					<th width="100">出售状态</th>
					<th width="100">操作</th>
				</tr>
			</thead>
			<tbody id="tb">
				<c:forEach items="${pageinfo.list }" var="list">
					<tr class="text-c">
						<td ><input type="checkbox" value="${list.i_id }" name=""><input type="hidden" value="${list.status }" name=""></td>
						<td><a class="text-primary"
							onclick="itemimg('商品详情','itemimg?i_id=${list.i_id}')"
							title="商品详情" style="color: blue;">${list.title }</a></td>
						<td><img height="50px" width="50px" src="${list.image }"></td>
						<td>${list.classifyname }</td>
						<td>${list.brandname }</td>
						<td>${list.model }</td>
						<td><fmt:formatDate value="${list.created }"
								pattern="yyyy-MM-dd" /></td>
						<td><fmt:formatDate value="${list.updated }"
								pattern="yyyy-MM-dd" /></td>
						<c:if test="${list.completemachine==0 }">
							<td>#</td>
						</c:if>
						<c:if test="${list.completemachine==1 }">
							<td>品牌整机</td>
						</c:if>
						<c:if test="${list.completemachine==2 }">
							<td>游戏整机</td>
						</c:if>
						<c:if test="${list.completemachine==3 }">
							<td>新机上架</td>
						</c:if>
						<c:if test="${list.status==1 }">
							<td class="td-status"><span
								class="label label-success radius">在售</span></td>
						</c:if>
						<c:if test="${list.status==2 }">
							<td class="td-status"><span
								class="label label-default radius">停售</span></td>
						</c:if>
						<td class="td-manage">
							<shiro:hasPermission name="commodity">
								<a title="编辑"
									href="itemupdatetz?i_id=${list.i_id }&cid=${list.cid }&pid=${list.pid }" class="ml-5"
									style="text-decoration: none"><i class="Hui-iconfont">&#xe6df;</i></a>
									<a title="删除" href="javascript:;"
									onclick="item_del(${list.i_id },${list.status })" class="ml-5"
									style="text-decoration: none"><i class="Hui-iconfont">&#xe6e2;</i></a>
							</shiro:hasPermission>	
						</td>
					</tr>
				</c:forEach>
			</tbody>
			<thead>
				<tr>
					<th colspan="11"><p>第${pageinfo.pageNum}页
							共${pageinfo.pages}页</p> <c:choose>
							<c:when test="${pageinfo.pageNum==1 }">
								<a href="javascript:retuen false">首页</a>
							</c:when>
							<c:otherwise>
								<a
									href="content-1_2?pageNum=1&classify=${sip.classify }&brand=${sip.brand }&itemname=${sip.itemname }">首页</a>
							</c:otherwise>
						</c:choose> <c:choose>
							<c:when test="${pageinfo.pageNum==1||pageinfo.pageNum==0 }">
								<a href="javascript:retuen false">上一页</a>
							</c:when>
							<c:otherwise>
								<a
									href="content-1_2?pageNum=${pageinfo.prePage}&classify=${sip.classify }&brand=${sip.brand }&itemname=${sip.itemname }">上一页</a>
							</c:otherwise>
						</c:choose> <c:choose>
							<c:when test="${pageinfo.pageNum==pageinfo.pages }">
								<a href="javascript:retuen false">下一页</a>
							</c:when>
							<c:otherwise>
								<a
									href="content-1_2?pageNum=${pageinfo.nextPage}&classify=${sip.classify }&brand=${sip.brand }&itemname=${sip.itemname }">下一页</a>
							</c:otherwise>
						</c:choose> <c:choose>
							<c:when test="${pageinfo.pageNum==pageinfo.pages }">
								<a href="javascript:retuen false">尾页</a>
							</c:when>
							<c:otherwise>
								<a
									href="content-1_2?pageNum=${pageinfo.pages}&classify=${sip.classify }&brand=${sip.brand }&itemname=${sip.itemname }">尾页</a>
							</c:otherwise>
						</c:choose></th>
				</tr>
			</thead>
		</table>
		</article>
	</div>
	</section>

	<!--_表格--结束-->

	<!--请在下方写此页面业务相关的脚本-->
	<script type="text/javascript">
    $('.table-sort').dataTable({
        "aaSorting": [[ 1, "desc" ]],//默认第几个排序
        "bStateSave": true,//状态保存
        "aoColumnDefs": [
            //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
            {"orderable":false,"aTargets":[0,8]}// 不参与排序的列
        ]
    });

    /*资讯-添加*/
    function article_add(title,url,w,h){
        var index = layer.open({
            type: 2,
            title: title,
            content: url
        });
        layer.full(index);
    }
    /*资讯-编辑*/
    function article_edit(title,url,id,w,h){
        var index = layer.open({
            type: 2,
            title: title,
            content: url
        });
        layer.full(index);
    }
    

    /*资讯-审核*/
    function article_shenhe(obj,id){
        layer.confirm('审核文章？', {
                btn: ['通过','不通过','取消'],
                shade: false,
                closeBtn: 0
            },
            function(){
                $(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="article_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
                $(obj).remove();
                layer.msg('已发布', {icon:6,time:1000});
            },
            function(){
                $(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="article_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-danger radius">未通过</span>');
                $(obj).remove();
                layer.msg('未通过', {icon:5,time:1000});
            });
    }
    /*资讯-下架*/
    function article_stop(obj,id){
        layer.confirm('确认要下架吗？',function(index){
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="article_start(this,id)" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
            $(obj).remove();
            layer.msg('已下架!',{icon: 5,time:1000});
        });
    }

    /*资讯-发布*/
    function article_start(obj,id){
        layer.confirm('确认要发布吗？',function(index){
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="article_stop(this,id)" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
            $(obj).remove();
            layer.msg('已发布!',{icon: 6,time:1000});
        });
    }
    /*资讯-申请上线*/
    function article_shenqing(obj,id){
        $(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">待审核</span>');
        $(obj).parents("tr").find(".td-manage").html("");
        layer.msg('已提交申请，耐心等待审核!', {icon: 1,time:2000});
    }
    
    

    /*商品-删除*/
    function item_del(id,status){
        layer.confirm('确认要删除吗？',{ btn: ["确定","取消"] },function(index){
            $.ajax({
                type: 'POST',
                url: 'deleitem',
                data:{i_id:id,status:status},
                dataType: 'json',
                success: function(val){
                	layer.close(index);
                	if(val==1){
                		alert("商品在售，不能删除！");
                	};
                	if(val==2){
                		alert("删除成功！");
                	};
                	if(val==3){
                		alert("删除失败！");
                	};
                	window.location.href = window.location.href;                	
                },
                error:function(data) {
                    console.log(data.msg);
                },
            });
        });
    }
    
    
    /*查看商品图片详情*/
    function itemimg(title,url){
        var index = layer.open({
            type: 2, 
            title: title,
            area: [600+'px', 600 +'px'],
            shade:0.3,
            content:url
        });
        
    }
    
    /*商品品牌验证*/
    function brandyz(id){
    	var v=$("#"+id).val();
    	if(v.indexOf('"')==0){
    		$("#"+id).val(null)
    		alert('输入不能包含"！');
    	}
    }
    
    /*商品名验证*/
    function itemnameyz(id){
    	var v=$("#"+id).val();
    	if(v.indexOf('"')==0){
    		$("#"+id).val(null)
    		alert('输入不能包含"！');
    	}
    }
    
    
    /*批量删除*/
    function datadel(){    	
    	  console.log("-----进入批量删除的方法------");
    	  //商品i_id
    	  var tds = new Array();
    	  //商品状态
    	  var statuss = new Array();
           //获取所有的tr标签元素集合
    	   tds=document.getElementById("tb").getElementsByTagName("tr");
    		  var td_s = new Array();
    		  for(var i=0;i<tds.length;i++){
    		  	var tdc =tds[i].getElementsByTagName("td")[0].getElementsByTagName("input")[0];
    		  	var tdcheck =$(tdc);
		   		if(tdcheck.is(":checked")){
		   			//如果td被选中 则td的id值放入数组中
		   			td_s.push(tdcheck.val());
		   			var status =tds[i].getElementsByTagName("td")[0].getElementsByTagName("input")[1].value;
		   			statuss.push(status);
		   		} 
    		  };
    		  

    	  //判断是否有被选中删除的记录 
    	   if(td_s.length>0){
    		   //发出批量删除ajax 删除请求
    		   layer.confirm('确认要删除吗？',{ btn: ["确定","取消"] },function(index){
    	           $.ajax({
    	               type: 'POST',
    	               url: 'deleItems',
    	               data:{"i_id":td_s,"status":statuss},
    	               dataType: 'json',
    	               success: function(val){
    	            	   if(val){
    	            		   layer.close(index);
    	    	               layer.msg('删除成功！', {icon: 1,time:2000});  
    	    	               window.location.href = window.location.href;
    	            	   }else{
    	            		   layer.msg('部分商品出售状态为在售，不能删除！', {icon: 2,time:2000});
    	            	   } 	                	
    	               },
    	               error:function(data) {
    	                   console.log(data.msg);
    	               },
    	           });
    	       });
    	   }else{ 
    		   
    		   layer.msg("请选择要删除的数据！");
    		 
    	   }
    	   
       }
    

</script>
</body>
</html>